@extends('layout.home')
@section('title', 'CRM方案申请情况看板')
@section('content')
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html, body {
            width: 100%;
            height: 100%;
        }

        table {
            border-collapse: collapse;
            border: none;
            width: 200px;
        }

        td, tr ,th{
            border: solid #000 1px;
            text-align: center;
            height: 40px;
        }
        th{
            height: 20px;d
            align-content: center
        }
        .title{
            text-align: center;
            font-size: 30px;
        }
        .sel{background-color: orange}
        .layui-layer-content{font-size: 20px;}
    </style>
            <div class="title">方案申请实时查询(工程方案)</div>
            {{-- <table style="width:100%; height:150px" class="tab">
                <td style="font-weight: bold;">序号</td>
                <td style="font-weight: bold;">ID</td>
                <td style="font-weight: bold;">操作</td>
                <td style="font-weight: bold;">同步情况</td>
                <td style="font-weight: bold;">创建时间</td>
                <td style="font-weight: bold;">方案名称</td>
                
                <td style="font-weight: bold;">方案编码</td>
                @foreach($alldata as $k => $v)
                <tr>
                    <td>{{$v['index']}}</td>
                    <td class="dataid">{{$v['id']}}</td>
                    <td><button class="btn1">查询</button></td>
                    <td class="tbqk">{{$v['tbqk']}}</td>
                    <td>{{$v['cjsj']}}</td>
                    <td>{{$v['famc']}}</td>
                    
                    <td>{{$v['fmbm']}}</td>       
                    <td style="display: none" class="createId">{{$v['cjrr']}}</td>             
                </tr>
                @endforeach
            </table> --}}

    {{-- <div style="height: 100px;"></div> --}}
    <table class="layui-hide" id="test" lay-filter="gc"></table>
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-sm" lay-event="search">查询</a>
    </script>
    <script>
            layui.use('table', function(){
            var table = layui.table;        
            table.on('tool(gc)', function(obj){
                var data       = obj.data;
                var dataid     = data.id;
                var createById = data.cjrr;//获取创建人的ID
                $.ajax({
                    url:"http://wx.newamstar.com:8078/newstar/public/creekflow",
                    data:{"dataid":data.id,"obj":"customEntity49__c"},
                    beforeSend:function(){
                        layer.load('Loading...', {
                            shade: [0.1,'#fff'] //0.1透明度的白色背景
                        })
                    },
                    complete:function(){
                        $(".layui-layer-loading").remove();
                        $(".layui-layer-shade").remove();
                    },
                    success:function(data){
                        console.log(7777777777) ;
                        console.log(data);
                        console.log('=========') ;
                        var endt   = changeDate(data.data[1]['endAt']) ;
                        var status = data.data[1]['status'];
                        var person = data.data[1]['usertaskInstName']
                        $.ajax({
                            url:"http://wx.newamstar.com:8078/newstar/public/creekflowCreatedBy",
                            data:{"createById":createById},
                            success:function(data1){ 
                                var creater   = data1.result.records[0]['name'];
                                if(status == 5){
                                    alemsg('审批进度:'+'等待审批'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
                                }else if(status == 6){
                                    alemsg('审批进度:'+'审批通过'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
                                }else if(status == 7){
                                    alemsg('审批进度:'+'审批未通过'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
                                }
                            }
                        })
                    }
                })
            });
            table.render({
                elem: '#test'
                ,url:'http://wx.newamstar.com:8078/newstar/public/testbb'
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,cols: [[
                    {field:'id',    title: 'ID',width:160,align: 'center'}
                    ,{field:'name', title: '操作',width:80,align: 'center',toolbar: '#barDemo'}
                    ,{field:'tbqk', title: '同步情况',width:80,align: 'center'}
                    ,{field:'cjsj', title: '创建时间',width:120,align: 'center'}
                    ,{field:'ownerid', title: '商务对接人',width:120,align: 'center'}
                    ,{field:'famc', title: '方案名称',width:600,align: 'center'}
                    ,{field:'fmbm', title: '方案编码',width:300,align: 'center'}
                    ,{field:'cjrr', title: '创建人员',width:80,align: 'center',hide : true}
                ]]
                ,done:function(){
                    $(".laytable-cell-1-0-2").each(function(){
                    if($(this).text()=='同步成功'){
                        $(this).parent().parent().hide();
                    }
                    });
                }
            });
        });

        $(function(){
            var islower =  localStorage.getItem("username");
            if(islower=='tj01'){
                $(".tbqk").each(function(){
                var s = $(this).html();
                if(s=='同步成功'){
                    $(this).parent().hide();
                }else{
                    $(this).css("color","red");
                }
            });
            // $('.btn1').click(function(){
            //     var id =  $(this).parent().siblings(".dataid").html();
            //     var createById =  $(this).parent().siblings(".createId").html();//获取创建人的ID
            //     $(".tab tr").removeClass("sel");
            //     $(this).parent().parent().addClass("sel");
            //     $.ajax({
            //         url:"http://wx.newamstar.com:8078/newstar/public/creekflow",
            //         data:{"dataid":id,"obj":"customEntity49__c"},
            //         beforeSend:function(){
            //             layer.load('Loading...', {
            //                 shade: [0.1,'#fff'] //0.1透明度的白色背景
            //             })
            //         },
            //         complete:function(){
            //             $(".layui-layer-loading").remove();
            //             $(".layui-layer-shade").remove();
            //         },
            //         success:function(data){
            //             var endt   = changeDate(data.data[1]['endAt']) ;
            //             var status = data.data[1]['status'];
            //             var person = data.data[1]['usertaskInstName']
            //             $.ajax({
            //                 url:"http://wx.newamstar.com:8078/newstar/public/creekflowCreatedBy",
            //                 data:{"createById":createById},
            //                 success:function(data1){ 
            //                     console.log(66666666666) ;
            //                     console.log(data);
            //                     console.log('=========') ;
            //                     var creater   = data1.result.records[0]['name'];
            //                     if(status == 5){
            //                         alemsg('审批进度:'+'等待审批'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
            //                     }else if(status == 6){
            //                         alemsg('审批进度:'+'审批通过'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
            //                     }else if(status == 7){
            //                         alemsg('审批进度:'+'审批未通过'+'<br/>'+'审批时间:'+endt+'<br/>'+'销售姓名:'+creater);
            //                     }
            //                 }
            //             })    




            //         }
            //     })
            // })
            }
            // else{
            //     alemsg('非法访问');
            //     location.href = "http://wx.newamstar.com:8078/newstar/public/view_crm_board_login";
                
            //     //return false;
            // }
            
            function alemsg(msg){
                layer.msg(msg, {
                    time: 0 //不自动关闭
                    ,btn: ['OK']
                    ,skin: 'layui-layer-molv'
                    ,area:["300px","200px"]
                    ,yes: function(index){
                        
                        layer.close(index);
                    }
                });
            }

            function changeDate(t){
                if(t){
                    const timestamp = t; // 待转换的时间戳
                    const date = new Date(timestamp); // 根据时间戳创建Date对象
                    const year = date.getFullYear(); // 获取年份
                    const month = date.getMonth() + 1; // 获取月份，需要加1
                    const day = date.getDate(); // 获取日期
                    const hour = date.getHours(); // 获取小时
                    const minute = date.getMinutes(); // 获取分钟
                    const second = date.getSeconds(); // 获取秒数

                    const formattedDate = `${year}-${month}-${day}`; // 拼接成格式化后的日期字符串
                    return formattedDate;
                }else {
                    return "";
                }   
            } 
        })

        function changeDate(t){
                if(t){
                    const timestamp = t; // 待转换的时间戳
                    const date = new Date(timestamp); // 根据时间戳创建Date对象
                    const year = date.getFullYear(); // 获取年份
                    const month = date.getMonth() + 1; // 获取月份，需要加1
                    const day = date.getDate(); // 获取日期
                    const hour = date.getHours(); // 获取小时
                    const minute = date.getMinutes(); // 获取分钟
                    const second = date.getSeconds(); // 获取秒数

                    const formattedDate = `${year}-${month}-${day}`; // 拼接成格式化后的日期字符串
                    return formattedDate;
                }else {
                    return "";
                }
                
        }
        function alemsg(msg){
            layer.msg(msg, {
                time: 0 //不自动关闭
                ,btn: ['OK']
                ,skin: 'layui-layer-molv'
                ,area:["300px","200px"]
                ,yes: function(index){
                    layer.close(index);
                }
            });
        }
        //退出系统
        function logout(){
            var islower =  localStorage.getItem("username");
            if(islower=='zq01' || islower=='zy01'){
                localStorage.removeItem("username");
                location.href = "http://wx.newamstar.com:8078/newstar/public/view_crm_board_login";
            }
        }
        
    </script>
@endsection
